<!DOCTYPE html>
<html lang="en">

<head>
  <title>房间页面</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/sx2_01.css">
</head>

<body>
  <header>
    <div id="header-content">
      <img src="../image/profile.jpg" id="top">
      <h1>sniper</h1>
    </div>
  </header>
  <nav>
    <ul>
      <a href="../html/index.html">首页</a>
      <a href="../html/search.html">搜索</a>
      <a href="../html/square.html">广场</a>
      <a href="../html/community.html">社区</a>
      <a href="../html/hot.html">热门</a>
      <a href="../html/room.html">房间</a>
      <a href="../html/shopping.html">购物（超链接）</a>
      <a href="../html/message.html">消息</a>
      <a href="../html/my.html">我的</a>
    </ul>
  </nav>
  <main>
    <div class="content">
      <aside class="aside-left">
        <h2 class="room-title">公共房间</h2>
        <ul id="public-rooms">
          <li data-room="room1">房间1(点击即可发言）</li>
          <li data-room="room2">房间2(点击即可发言）</li>
          <li data-room="room3">房间3(点击即可发言）</li>
        </ul>
      </aside>
      <aside class="aside-right">
        <h2 class="room-title">私人房间</h2>
        <ul id="private-rooms">
          <li data-room="private1">私人房间1(点击即可发言）</li>
        </ul>
      </aside>
    </div>
    <div id="chat-windows">
      <!-- 聊天窗口将在这里动态创建 -->
    </div>
  </main>
  <script src="../javascript/room_script.js"></script>
</body>

</html>